<footer>
  <ul>
      <li><a href="javascript:;">新科国医 <i class="iconfont icon-jiantou-copy-copy-copy"></i> </a>
          <ul class="foot-inner">
              <li class="active"><a href="#">公司简介</a></li>
              <li><a href="#">新闻动态</a></li>
              <li><a href="#">加入我们</a></li>
          </ul>
      </li>
      <li><a href="javascript:;">产品与服务 <i class="iconfont icon-jiantou-copy-copy-copy"></i> </a>
          <ul class="foot-inner">
              <li class="active"><a href="#">课程展示</a></li>
              <li><a href="#">案例展示</a></li>
              <li><a href="#">产品展示</a></li>
          </ul>
      </li>
      <li><a href="#">个人中心 </a></li>
      <div class="both"></div>
  </ul>
</footer>
<script>
    $("footer>ul>li").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
    })
</script>